<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
 <%@ taglib uri="../../WEB-INF/translate.tld" prefix="ego" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<link rel="stylesheet" type="text/css" href="pub/dojo/dojo/resources/dojo.css" />
	<link rel="stylesheet" type="text/css" href="pub/dojo/dijit/themes/tundra/tundra.css" />
	<script type="text/javascript" src="pub/dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script> 
	<script type="text/javascript" src="pub/js/debug.js"></script>

	<script type="text/javascript" src="modules/leave_requests/script.js"></script>
	
	<style type="text/css">
	    @import "pub/dojo/dojox/grid/resources/Grid.css";
	    @import "pub/dojo/dojox/grid/resources/tundraGrid.css";
	    
	    body {
	    }
	    
	    table {
	    	font-size: 12px;
	    }
	    
	    .btn_accept, .btn_deny {
   	    	border:1px solid #6c7491;
	    	font-size: 10px;
	    	background-position: center;
	    	height:20px;
	    	font-family: verdana, sans-serif;
	    	margin:1px;
	    	width:20px;
	    }
	    .btn_accept {
	    	background: #f7f9ff url(modules/leave_requests/img/accept.png) no-repeat;
	    }
	    .btn_deny {
	    	background: #f7f9ff url(modules/leave_requests/img/deny.png) no-repeat;
	    }
	</style>
	<title><ego:t>Leave Requests</ego:t></title>
</head>
<body class="tundra">
	<center id="img"><img src="pub/img/login-loading.gif" /></center>
	
	<div id="form" style="visibility:hidden">
		<div dojoType="dojo.data.ItemFileWriteStore" url="?mdl=leave_requests&action=read" jsId="store_leaves"></div>
		<table dojoType="dojox.grid.DataGrid"
			region="top" minSize="20" splitter="true"
			jsId="grid_leaves"
			store="store_leaves" query="{ }"
			style="height: 250px;"> 
			<thead> 
				<tr> 
					<th field="id" hidden="true"><ego:t>ID</ego:t></th> 
					<th field="name" width="150"><ego:t>Employee</ego:t></th>
					<th field="start" width="182"><ego:t>First day</ego:t></th> 
					<th field="end" width="182"><ego:t>Last day</ego:t></th> 
					<th field="type" width="140"><ego:t>Type</ego:t></th> 
					<th field="length" width="49"><ego:t>Length</ego:t></th> 
					<th field="id" formatter="format_options" width="30">&nbsp;</th>
				</tr> 
			</thead> 
		</table>
		<div jsId="dialog_wait" dojoType="dijit.Dialog" title="<ego:t>Updating leave</ego:t>" style="width:150px;text-align:center">
			<img src="pub/img/login-loading.gif" /><br/>
			<ego:t>Please wait</ego:t>...
		</div>
		<div jsId="dialog_empty" dojoType="dijit.Dialog" title="<ego:t>Hint</ego:t>" style="width:150px;text-align:center">
			<ego:t>No leave requests</ego:t>.
		</div>
	</div>
</body>
</html>
